$("#close").click(function(){
	$("#top1").css("display","none")
	$("#close").css("display","none")
})
$("#firsttop").css("background","#333333")
$("#firsttop>div").css("font-size","10px")
$("#firsttop>div").css("line-height","28.4px")
$("a:eq(10)").css("color","#d9c398")
$("#aaaa").css("height","186px" )
$("#aaaa").css("width","220px")
$("#erweima1").css("height","72px" )
$("#erweima1").css("width","185px")
$("#aaaa1").css("height","172px" )
$("#aaaa1").css("width","220px")
//订单下的二维码动画样式
$("#cccc").mouseover(function(){
	$("#aaaa").stop().slideDown(100)
	$("#cccc ul li").stop().slideDown(100)
	
	
})
$("#cccc").mouseout(function(){
	$("#aaaa").stop().slideUp(100)
$("#cccc ul li").stop().slideUp(100)
	
})

$("#cccc1").mouseover(function(){
	$("#aaaa1").stop().slideDown(100)
	$("#erweima1").stop().slideDown(100)

})
$("#cccc1").mouseout(function(){
	$("#aaaa1").stop().slideUp(100)
$("#erweima1").stop().slideUp(100)
})
//li动画效果
$("li:eq(4)").mouseover(function(){
	$("li:eq(4)").css("background","#332E2E")
	$("img:eq(1)").css("display","none")
	$("img:eq(0)").css("display","block")
})
$("li:eq(4)").mouseout(function(){
	$("li:eq(4)").css("background","#EBEBEB")
})
$("li:eq(5)").mouseover(function(){
	$("li:eq(5)").css("background","#332E2E")	
$("img:eq(0)").css("display","none")
$("img:eq(1)").css("display","block")
})
$("li:eq(5)").mouseout(function(){
	$("li:eq(5)").css("background","#EBEBEB")
})
//cookie获取
var str=getCookie("coo");
cook2.onclick=function(){
	cook3.style.display="none"
cook1.innerHTML=str+"&nbsp;&nbsp;&nbsp;"+"<a onclick='exit()'>退出</a>";

}
function exit(){
		cook3.style.display="block"
		cook1.innerHTML="";			
		}
//万表log下的下拉菜单的打div第一个
var div=$("<div/>")
$(div).appendTo($("#bigdiv1"));
$(div).css({"height":"200px","margin":"auto","margin-top":"20px"})
var div2=$("<div/>")
var div3=$("<div/>")
$(div2).appendTo($("#bigdiv1"));
$(div3).appendTo($("#bigdiv1"));
$(div2).css({"height":"100px","margin":"auto","margin-top":"8px","border-top":"1px solid #cecece","padding-top":"10px","border-bottom":"1px solid #cecece"})
$(div3).css({"height":"100px","margin":"auto","padding-top":"10px"})
//万表log下的下拉菜单的打div第2个
var div4=$("<div/>")
$(div4).appendTo($("#bigdiv2"));
$(div4).css({"height":"200px","margin":"auto","margin-top":"20px"})
var div5=$("<div/>")
var div6=$("<div/>")
$(div5).appendTo($("#bigdiv2"));
$(div6).appendTo($("#bigdiv2"));
$(div5).css({"height":"100px","margin":"auto","margin-top":"8px","border-top":"1px solid #cecece","padding-top":"10px","border-bottom":"1px solid #cecece"})
$(div6).css({"height":"100px","margin":"auto","padding-top":"10px"})
//万表log下的下拉菜单的打div第3个
var div7=$("<div/>")
$(div7).appendTo($("#bigdiv3"));
$(div7).css({"height":"200px","margin":"auto","margin-top":"20px"})
var div8=$("<div/>")
var div9=$("<div/>")
$(div8).appendTo($("#bigdiv3"));
$(div9).appendTo($("#bigdiv3"));
$(div8).css({"height":"100px","margin":"auto","margin-top":"8px","border-top":"1px solid #cecece","padding-top":"10px","border-bottom":"1px solid #cecece"})
$(div9).css({"height":"100px","margin":"auto","padding-top":"10px"})
//万表log下的下拉菜单的打div第4个
var div10=$("<div/>")
$(div10).appendTo($("#bigdiv4"));
$(div10).css({"height":"200px","margin":"auto","margin-top":"20px"})
var div11=$("<div/>")
var div12=$("<div/>")
$(div11).appendTo($("#bigdiv4"));
$(div12).appendTo($("#bigdiv4"));
$(div11).css({"height":"100px","margin":"auto","margin-top":"8px","border-top":"1px solid #cecece","padding-top":"10px","border-bottom":"1px solid #cecece"})
$(div12).css({"height":"100px","margin":"auto","padding-top":"10px"})
//万表log下的下拉菜单的打div第5个
var div13=$("<div/>")
$(div13).appendTo($("#bigdiv5"));
$(div13).css({"height":"200px","margin":"auto","margin-top":"20px"})
var div14=$("<div/>")
var div15=$("<div/>")
$(div14).appendTo($("#bigdiv5"));
$(div15).appendTo($("#bigdiv5"));
$(div14).css({"height":"100px","margin":"auto","margin-top":"8px","border-top":"1px solid #cecece","padding-top":"10px","border-bottom":"1px solid #cecece"})
$(div15).css({"height":"100px","margin":"auto","padding-top":"10px"})
div.html(1);
div4.html(2);
div7.html(3);
div10.html(4);
div13.html(5);
//全部万表滑动特效
$("#awb").mouseover(function(){
	$("#idgao").stop().slideDown()
})
$("#idgao").mouseout(function(){
	$("#idgao").stop().slideUp()
})
$("#dl1").mouseover(function(){
	$("#dl1").css({"background":"white","color":"black"})
	$("#bigdiv1").css("display","block")
})
$("#dl1").mouseout(function(){
	$("#dl1").css({"background":"","color":""})
	$("#bigdiv1").css("display","none")
})
$("#dl2").mouseover(function(){
	$("#dl2").css({"background":"white","color":"black"})
	$("#bigdiv2").css("display","block")
})
$("#dl2").mouseout(function(){
	$("#dl2").css({"background":"","color":""})
	$("#bigdiv2").css("display","none")
})

$("#dl3").mouseover(function(){
	$("#dl3").css({"background":"white","color":"black"})
	$("#bigdiv3").css("display","block")
})
$("#dl3").mouseout(function(){
	$("#dl3").css({"background":"","color":""})
	$("#bigdiv3").css("display","none")
})

$("#dl4").mouseover(function(){
	$("#dl4").css({"background":"white","color":"black"})
	$("#bigdiv4").css("display","block")
})
$("#dl4").mouseout(function(){
	$("#dl4").css({"background":"","color":""})
	$("#bigdiv4").css("display","none")
})
$("#dl5").mouseover(function(){
	$("#dl5").css({"background":"white","color":"black"})
	$("#bigdiv5").css("display","block")
})
$("#dl5").mouseout(function(){
	$("#dl5").css({"background":"","color":""})
	$("#bigdiv5").css("display","none")
})

//
//var yulan=lan.list;
//var dimg;
//$(yulan).each(function(index,yul){
//	var yudiv=$("<div/>")
//	$(yudiv).appendTo($("#xiaoyulan"))
//	$(yudiv).css({"height":"70px","width": "70px","float":"left","display":"block","padding":"3px 10px"})
//	var yuimg=$("<img/>");
//	yuimg.attr({
//		"src":"../img/"+yul.img,
//	})
//	yuimg.appendTo(yudiv)
//yuimg.css({"background-size":"cover","height":"70px","width":"70px","border":"1px solid #cecece"})
//var ul=$("<ul/>");
//var li=$("<li/>");
//li.appendTo(ul)
//ul.appendTo($("#yulan"))
//ul.css({"width":"3360px"})
//	var dayuimg=$("<img/>");
//	
//	dayuimg.attr({
//		"src":"../img/"+yul.img,
//	})
//	dayuimg.appendTo(li)
//	li.css({"float":"left"})
//	
//yuimg.click(function(){
//
//	})
//	
//var imgs = yuimg
//var dimgs=dayuimg
//
//	
//for( var i=0,l=imgs.length; i<l; i++ ){
//	for( var ii=0,ll=imgs.length; ii<ll; ii++ ){
//	dimgs[ii]=this.img;
//console.log(dimgs[ii])
//	imgs[i].onclick = function(){
//		img1.src = this.src;}
////	alert()
//console.log(imgs[i])
//	}
//	}
//})
var xxiaotu=document.getElementById("xiaotutu")
console.log(xxiaotu)
var xiaotu=document.getElementById("xiaotutu1")
console.log(xiaotu)
var li=document.getElementById("xiaotutu1>li")
console.log(xiaotu)
var imgs = document.querySelectorAll("li>img");
console.log(imgs)
var xiao1=document.getElementById("xiaodiv1")
var xiao2=document.getElementById("xiaodiv2")
var xiatuhe=document.getElementById("xiaotutu")
for( var i=0,l=imgs.length; i<l; i++ ){
	imgs[i].onmouseover = function(){
		img11.src = this.src;
		img111.src = this.src;
		img11.style.display="block";
		img111.style.display="none"
	}

}
img11.onmouseover=function(){
	img11.style.display="none"
	img111.style.display="block"
}
img111.onmouseout=function(){
	img11.style.display="block"
	img111.style.display="none"
}

var bian=0;
	xiao1.onclick=function(){
		++bian
xiaotu.style.left=-76*bian+"px";
if(bian==6){
bian=5;	
}

}
	xiao2.onclick=function(){
		--bian
xiaotu.style.left=-78*bian+"px";
if(bian==-2){
bian=-1;	
}
}

//款式获取
var kuan;
$.ajax({
	type:"get",
	url:"../js/xiangq.json",
	async:false,
	success:function(lan){
		kuan=lan
		
	}
	
})
var kuanshi=kuan.list
$(kuanshi).each(function(kuan,shi){
	var kuandiv=$("<div/>")
	kuandiv.appendTo($("#kuanshi"))
	kuandiv.css({"width":"55px","height":"55px","float":"left","padding":"10px 15px","padding-top":"10px"})
	var kuanimg=$("<img/>")
	kuanimg.attr({
		"src":"../img/"+shi.img,
	})
	kuanimg.appendTo(kuandiv)
	
	kuanimg.mouseover(function(){
		kuanimg.css({"border":"1px solid red"})
	})
		kuanimg.mouseout(function(){
		kuanimg.css({"border":"none"})
	})
})


var shul=0;
jian.onclick=function(){
	--shul;
	inputs.value=1+shul;
	if(inputs.value==0){
		shul=0
	}
}
jia.onclick=function(){
	++shul;
	inputs.value=1+shul;
	if(inputs.value==0){
		shul=0
	}
}



























//更换二维码
$("#bdivma11>ul>li:eq(0)").mouseover(function(){
	$("#imgw").css("display","block")
	$("#bdivma11>ul>li:eq(0)").css("background","#888888")
	$("#imgweixin").css("display","none")
	$("#bdivma1111>p:eq(0)").css("display","block")
	$("#bdivma1111>p:eq(1)").css("display","none")
})
$("#bdivma11>ul>li:eq(0)").mouseout(function(){
	$("#bdivma11>ul>li:eq(0)").css("background","#ccbeb8")
})
$("#bdivma11>ul>li:eq(1)").mouseover(function(){
	$("#imgweixin").css("display","block")
	$("#bdivma11>ul>li:eq(1)").css("background","#888888")
		$("#bdivma1111>p:eq(0)").css("display","none")
		$("#bdivma1111>p:eq(1)").css("display","block")
$("#bdivma11>ul>li:eq(1)").mouseout(function(){
	$("#bdivma11>ul>li:eq(1)").css("background","#ccbeb8")
})
})
//更换2
$("#bdivma22>ul>li:eq(0)").mouseover(function(){
	$("#imgw1").css("display","block")
	$("#bdivma22>ul>li:eq(0)").css("background","#888888")
	$("#imgweixin1").css("display","none")
	$("#bdivma2222>p:eq(0)").css("display","block")
	$("#bdivma2222>p:eq(1)").css("display","none")
})
$("#bdivma22>ul>li:eq(0)").mouseout(function(){
	$("#bdivma22>ul>li:eq(0)").css("background","#ccbeb8")
})
$("#bdivma22>ul>li:eq(1)").mouseover(function(){
	$("#imgweixin1").css("display","block")
	$("#bdivma22>ul>li:eq(1)").css("background","#888888")
		$("#bdivma2222>p:eq(0)").css("display","none")
		$("#bdivma2222>p:eq(1)").css("display","block")
$("#bdivma22>ul>li:eq(1)").mouseout(function(){
	$("#bdivma22>ul>li:eq(1)").css("background","#ccbeb8")
})
})
$("#yanse1").mouseover(function(){
	$("#kuai").stop().fadeIn();
})
$("#yanse1").mouseout(function(){
	$("#kuai").stop().fadeOut();
})
$("#yanse2").mouseover(function(){
	$("#kuai1").stop().fadeIn();
})
$("#yanse2").mouseout(function(){
	$("#kuai1").stop().fadeOut();
})
$("#yanse3").mouseover(function(){
	$("#kuai2").stop().fadeIn();
})
$("#yanse3").mouseout(function(){
	$("#kuai2").stop().fadeOut();
})
$(".yanse4").mouseover(function(){
	$("#kuai3").stop().fadeIn();
})
$(".yanse4").mouseout(function(){
	$("#kuai3").stop().fadeOut();
})
//数量加减
